<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>dodou-移动框架-选项卡</title>
	<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport" />
    <meta content="yes" name="apple-mobile-web-app-capable">
    <meta content="black" name="apple-mobile-web-app-status-bar-style">
    <meta content="telephone=no" name="format-detection">
	<link rel="stylesheet" href="css/weui.css">
	<link rel="stylesheet" href="css/jquery-weui.css">
	<link rel="stylesheet" href="css/style.css">
</head>
<body>
      
	<div class="weui-tab">
	  <div class="weui-navbar">
	    <a class="weui-navbar__item weui-bar__item--on" href="#tab1">
	      选项一
	    </a>
	    <a class="weui-navbar__item" href="#tab2">
	      选项二
	    </a>
	    <a class="weui-navbar__item" href="#tab3">
	      选项三
	    </a>
	  </div>
	  <div class="weui-tab__bd">
	    <div id="tab1" class="weui-tab__bd-item weui-tab__bd-item--active">
	      <h1>页面一</h1>
	    </div>
	    <div id="tab2" class="weui-tab__bd-item">
	      <h1>页面二</h1>
	    </div>
	    <div id="tab3" class="weui-tab__bd-item">
	      <h1>页面三</h1>
	    </div>
	  </div>
	</div>

	<script src="js/jquery.min.js"></script>
	<script src="js/jquery-weui.min.js"></script>
</body>
</html>